<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	
	<title>某某学院</title>
	
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<header>
		<div class="title">
			<img src="http://www.culr.edu.cn/images/logo.png" title="logo">
			<h1>某某学院</h1>
		</div>
		
		<nav>
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">系部概况</a></li>
				<li><a href="#">专业介绍</a></li>
				<li><a href="#">教学管理</a></li>
				<li><a href="#">学术科研</a></li>
				<li><a href="#">党建工作</a></li>
				<li><a href="#">学生工作</a></li>
				<li><a href="#">招生就业</a></li>
				<li><a href="#">下载专区</a></li>
			</ul>
		</nav>
	</header>
	
	<main>
		<img class="flow-chart" src="http://news.culr.edu.cn/ggglx/images/content/2016-11/20161118171325201120.jpg" title="页首图"/>
		<div class="clear-float">
			<article class="news-components">
				<header class="header">
					<h2 class="tiao-line">系部新闻</h2>
					<h2>通知•公告</h2>
					<h3><a href="#">more+</a></h3>
				</header>
				<section class="news-conten">
					<ul>
						<li><a href="#">【公示】2018届公共管理系团总支、学生会换届选举<span>[05-11]</span></a></li>
						<li><a href="#">【公示】2018届公共管理系团总支、学生会换届选举<span>[05-11]</span></a></li>
						<li><a href="#">【公示】2018届公共管理系团总支、学生会换届选举<span>[05-11]</span></a></li>
						<li><a href="#">【公示】2018届公共管理系团总支、学生会换届选举<span>[05-11]</span></a></li>
						<li><a href="#">【公示】2018届公共管理系团总支、学生会换届选举<span>[05-11]</span></a></li>
						<li><a href="#">【公示】2018届公共管理系团总支、学生会换届选举<span>[05-11]</span></a></li>
					</ul>
				</section>
			</article>
			
			<article class="Employment-components">
				<header class="header">
					<h2 class="line">就业</h2>
					<h2>常用</h2>
				</header>
				<section class="news-conten">
					<ul>
						<li><a href="#">学科网人力资源管培生<span>[06-08]</span></a></li>
						<li><a href="#">学科网人力资源管培生<span>[06-08]</span></a></li>
						<li><a href="#">学科网人力资源管培生<span>[06-08]</span></a></li>
						<li><a href="#">学科网人力资源管培生<span>[06-08]</span></a></li>
						<li><a href="#">学科网人力资源管培生<span>[06-08]</span></a></li>
						<li><a href="#">学科网人力资源管培生<span>[06-08]</span></a></li>
					</ul>
				</section>
			</article>
		</div>
		
		<div class="clear-float">
			<article class="news-components">
				<header class="header">
					<h2 class="line">行政党务</h2>
					<h2>教学部门</h2>
				</header>
				<section class="news-conten">
					<ul>
						<li><a href="#">主任</a></li>
						<li><a href="#">党总支书记</a></li>
						<li><a href="#">副主任（教学）</a></li>
						<li><a href="#">副主任（科研）</a></li>
						<li><a href="#">系办公室</a></li>
						<li><a href="#">党团办</a></li>
						<li><a href="#">系工会</a></li>
						<li><a href="#">团总支•学生会</li>
						<li><a href="#">学生党支部</a></li>
						<li><a href="#">系友会</a></li>
					</ul>
				</section>
			</article>
			
			<img class="weichat" src="http://news.culr.edu.cn/ggglx/images/iis.jpg" title="微信"/>
		</div>
	</main>
	
	<footer>
		<p>Copyright &copy;2016某某学院某某系</p>
		<p>All Rights Reserved TEL:010-0000000</p>
	</footer>
</body>
</html>